<template>
  <div class="box">
    <div class="imgs">
      <img src="@/assets/imgs/404.png" alt="" />
    </div>
    <div class="right">
      <h1>孩，迷路了吧</h1>
      <el-button type="primary" round @click="btnFn()">点击带你回家</el-button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    btnFn() {
      this.$router.push("/login");
    },
  },
};
</script>

<style lang="less" scoped>
.box {
  display: flex;
}
.imgs {
  width: 800px;
  height: 400px;
  margin-left: 200px;
  margin-top: 50px;
  img {
    width: 100%;
  }
}
.right {
  width: 200px;
  height: 300px;
  margin-top: 10%;
  text-align: center;
  h1 {
    color: #5bc2e7;
    padding: 30px 0;
  }
}
</style>
